<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table</title>
    <link rel="stylesheet" href="../../css/dom.css">
</head>
<body>
<div id="container">
    <table id="list">
        <thead>
        <tr>
            <th>
                编号
            </th>
            <th>
                姓名
            </th>
            <th>
                年龄
            </th>
        </tr>
        </thead>

        <tbody>
        <tr>
            <td>1</td>
            <td>Lee</td>
            <td>34</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Lee</td>
            <td>34</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Lee</td>
            <td>34</td>
        </tr>

        </tbody>

    </table>
</div>


<div id="toolbar">
    <button id="btnAdd">添加</button>
    <button id="btnUpdate">修改</button>
    <button id="btnRemove">删除</button>
</div>

<div id="info" class="modal fade"><!--modal：模态窗体-->
    <div>
        <label>姓名</label><input id="empName"/>
    </div>
    <div>
        <label>年龄</label><input id="age"/>
    </div>
    <div>
        <button id="btnSubmit">确定</button>
    </div>

</div>

</body>
<script src="../../js/table.js"></script>

</html>